.auth-wrapper {
  @apply w-screen h-screen relative;
  background: url('@/assets/modules/auth/bg.jpg') no-repeat center center;
  background-size: cover;

  a {
    text-decoration: none;
  }

  .auth-form__tabs {
    :deep(.el-tabs__header) {
      margin-bottom: 24px;
      border-bottom: 1px solid #f1f2f3;
      .el-tabs__nav-wrap {
        &::after {
          display: none;
        }
        .el-tabs__nav-scroll {
          display: flex;
          justify-content: center;
        }
        .el-tabs__active-bar.is-top {
          width: 32px !important;
          height: 3px;
          margin-left: 12px;
        }
        .el-tabs__item {
          padding: 0 16px;
          font-size: 16px;
          &:nth-of-type(2) {
            padding-left: 0 !important;
          }
        }
      }
    }
  }
  .auth-form {
    @apply absolute top-1/2 text-sm rounded-xl bg-white pt-9 px-12;
    transform: translateY(-50%);
    width: 420px;
    height: 420px;
    right: 14.3%;
    background-color: #fff;
    box-shadow: 2px 2px 50px 0px rgba(58, 58, 58, 0.04);
    .tips-text {
      color: #868d9d;
      font-size: 12px;
      .el-checkbox {
        height: 24px;
        :deep(.el-checkbox__label) {
          color: #868d9d;
        }
      }
    }

    &__title {
      margin: 0 0 8px;
      font-size: 20px;
      letter-spacing: 2px;
      font-weight: 500;
      text-align: center;
      color: #161a23;
    }
    &__subTitle {
      width: 100%;
      height: 22px;
      text-align: center;
      font-size: 16px;
      color: #454954;
      letter-spacing: 0;
      font-weight: 400;
      margin-bottom: 24px;
    }

    :deep(.el-form-item) {
      margin-bottom: 24px;
      .el-form-item__label {
        @apply mb-0;
      }
      .el-input__wrapper {
        padding: 1px 0;
        border-radius: 0;
        box-shadow: 0 1px #e7e7e7;
        &:hover,
        &.is-focus {
          box-shadow: 0 1px var(--el-input-focus-border-color);
        }
      }
      .el-input__inner {
        height: 46px;
      }
    }
    &__submit {
      @apply w-full rounded;
      background: #164cff;
      font-size: 16px;
      // box-shadow: 2px 2px 16px 0px rgba(21, 98, 252, 0.5);
    }
  }
}
